<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>除夕传统节日介绍</title>
    <link rel="stylesheet" href="./styles/index.css">
</head>

<body>
    <div class="header">
        <div class="nav">
            <div class="logo">
                <img src="./img/logo.jpeg" alt="">
            </div>
            <div class="navList">
                <ul>
                    <li><a href="index.html">网站首页</a></li>
                    <li><a href="sub02.html">除夕介绍</a></li>
                    <li><a href="sub01.html">红包由来</a></li>
                    <li><a href="#">除夕习俗</a></li>
                    <li><a href="#">除夕象征</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner_img">
            <div class="banner_title">除夕传统知识 <small>New</small> </div>
            <div class="bannerImg">
                <div class="img">
                    <img src="./img/8.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">除夕夜的团圆饭</span><br>
                    <span>6月17日</span>
                </p>
            </div>
            <div class="bannerImg">
                <div class="img">
                    <img src="./img/niangao.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">年糕的习俗</span><br>
                    <span>6月17日</span>
                </p>
            </div>
            <div class="bannerImg">
                <div class="img">
                    <img src="./img/jiaozi.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">饺子美食</span><br>
                    <span>6月17日</span>
                </p>
            </div>

            <div class="bannerImg">
                <div class="img">
                    <img src="./img/yu.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">除夕夜的年年有鱼</span><br>
                    <span>6月17日</span>
                </p>
            </div>
            <div class="bannerImg">
                <div class="img">
                    <img src="./img/2.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">除夕夜的家家灯火</span><br>
                    <span>6月17日</span>
                </p>
            </div>
            <div class="bannerImg ">
                <div class="img">
                    <img src="./img/3.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">除夕夜红包压岁</span><br>
                    <span>6月17日</span>
                </p>
            </div>
            <div class="bannerImg">
                <div class="img">
                    <img src="./img/5.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">除夕的烟火美丽</span><br>
                    <span>6月17日</span>
                </p>
            </div>
            <div class="bannerImg">
                <div class="img">
                    <img src="./img/4.jpeg" alt="">
                </div>
                <p>
                    <span class="icon">该图片来自于网络</span><br>
                    <span class="chuxiye">除夕守岁</span><br>
                    <span>6月17日</span>
                </p>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="introduce">
            <div class="focus">
                <div class="focus_title">焦点区</div>
                <div class="focus_img">
                    <img src="./img/focus_img.jpeg" alt="">
                    <p>岁除，是岁末除旧布新的日子。除夕，即岁除之夜，它与岁首（新年）首尾相连。旧岁至此夕而除，第二天就换新岁了，故俗以为除夕。除夕作为年尾的节日，源自上古时代岁末除旧布新、祭祀祖先风俗，岁除之日是传统的祭祖节。
                    </p>
                </div>
            </div>
            <div class="form">
                <div id="fankui">信息反馈</div>
                <form>
                    姓名<br><input type="text" name="" id=""><br>
                    手机号码: <br><input type="number" name="" id=""><br>
                    性别: <br><label for="man">男</label><input type="radio" name="gender" id="man"><label
                        for="nv">女</label>
                    <input type="radio" name='gender' id="nv"><br>
                    反馈留言: <br><textarea name="" id="" cols="30" rows="10"></textarea><br>
                    <input type="button" value="提交">
                </form>
            </div>
            <div class="articleList">
                <div class="articleList_title">知识列表</div>
                <div class="articleList_list">
                    <ol>
                        <li><a href="#">除夕是中国的传统节日吗 除夕是传统节日还</a></li>
                        <li><a href="#">除夕是农历几月几日 除夕是哪一天阴历腊月</a></li>
                        <li><a href="#">除夕节的寓意是什么 除夕是什么样的日子</a></li>
                        <li><a href="#">除夕的来历 除夕的起源是什么时候</a></li>
                        <li><a href="#">除夕的故事 除夕的传说故事简短50字</a></li>
                        <li><a href="#">除夕的风俗有哪些 除夕这天人们要干什么</a></li>
                        <li><a href="#">2021除夕年夜饭菜谱 大年三十年夜饭菜谱推</a></li>
                        <li><a href="#">大年三十早上吃什么有讲究吗 大年三十早餐</a></li>
                        <li><a href="#">大年三十有哪些禁忌规矩 大年三十禁忌注意</a></li>
                        <li><a href="#"> 02-09大年三十有哪些风俗 大年三十6大传统习俗介</a></li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer_content">
            <div class="tuijian">跳转推荐栏目：<a href="sub02.html">除夕介绍</a> <a href="sub01.html">红包由来</a></div>
            <div><span>有问题反馈留言板</span>
                <span>网络收集图片，不用于商业</span>
            </div>
        </div>
    </div>

</body>

</html>